@font-face{font-family:Aviano Sans Light;src:url(/assets/fonts/Aviano_Sans_Light.woff2) format("woff"); font-weight: 300;}
@font-face{font-family:Aviano Sans;src:url(/assets/fonts/Aviano_Sans_Regular.woff2) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:RF Dewi;src:url(/assets/fonts/RFDewi-Regular.woff2) format("woff");font-weight:400;font-style:normal;font-display:swap}


*{ 
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6{
    padding: 0;
    margin: 0;
    font-size: inherit;
}
img{
    padding: 0;
    margin: 0;
}
ul, ol{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}
a:visited,
a:focus{
    color: inherit;
}
a{
    color: inherit;
    text-decoration: none;
    transition: .25s ease-in-out;
}
a:hover{
    color: inherit;
    transition: .25s ease-in-out;
}
input{
    font-family: inherit;
    outline: none;
    border: none;
    background: transparent;
}
input::placeholder{
	font-family: 'RF Dewi',sans-serif;
}
html, body{
	font-family: 'RF Dewi',sans-serif;
    color: #213030;
    background: #F5F7F7;
    font-size: 0.7291666666666666vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw; /* 171.429% */
    letter-spacing: 0.014583333333333335vw;
    scroll-behavior: smooth!important;
    -webkit-font-smoothing:antialiased;
    scrollbar-width: thin;
    scrollbar-color: #213030 #00000000; 
}
p{
	font-family: inherit;
    font-weight: 400;
}
button{
    border: none;
    cursor: pointer;
    outline: none;
    background: transparent;
    transition: .25s ease-in-out;
}
span{
    font-size: inherit;
}
section{
    background: #F5F7F7;
}
/**/
.page__slider{
    position: fixed;
    z-index: 3;
    top:0;
    left:0;
    display: flex;
    width: 4.583333333333333vw;
    height: 100vh;
    padding: 1.9791666666666667vw 0px 1.25vw 0px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;    
}
.page__slider.--open-menu .nav__dots,
.page__slider.--open-menu .page__slider-bottom{
    display: none;
}
.page__slider.--open-menu .menu__btn span{
    display: none;
}
.page__slider.--open-menu .menu__btn .close__btn{
    display: block;
}
.header.--open-menu .header__content .header__link{
    color: var(--Choco-C10, #EBE8E3);
}
.header.--open-menu .header__content .tour__btn svg path{
    fill: var(--Choco-C10, #EBE8E3);
}
.header.--open-menu .header__content .header__btn{
    background: var(--Choco-C50, #8D7457);
}
.header.--open-menu .header__content .header__btn:hover{
    background: var(--Choco-C65, #7B6348);
}
.header.--open-menu .header__content svg.header__logo  path{
    fill: #EBE8E3;
}
.header__content img{
    width: 6.417916666666667vw;
    height: 1.6666666666666667vw;
    flex-shrink: 0;
}
.opened__logo{
    display: none;
}
.header.--open-menu .header__content .opened__logo{
    display: block;
}
.header.--open-menu .regular__logo{
    display: none;
}

.menu__btn{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.46875vw;    
    cursor: pointer; 
}
.close__btn{
    display: none;
}
.menu__btn span{
    width: 1.3541666666666667vw;
    height: 0.052083333333333336vw;    
    background: var(--Dark-D100, #213030);
}
.menu__btn:hover span{
    background: #030808;
    transition: .25s ease-in-out;
}
.nav__dots{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.0833333333333335vw;  
    position: relative;  
}
.active__dot{
    width: 5px!important;
    height: 5px!important;
    border-radius: 50%;  
    background: var(--Dark-D100, #213030);  
    margin-bottom: 55px;
    position: relative;
}
.spanNav:last-child::before{
    display: none;
}
.active__dot::before{
    content: "";
    position: absolute;
    left: 2px;
    width: 1px!important;
    height: 59px!important;
    background: var(--Dark-D100, #213030);
    position: absolute;  
    top: 16px;
}
.nav__dots span{
    width: 2px;
    height: 2px;
    border-radius: 50%;  
    background: var(--Dark-D100, #213030);  
}
/**/
.header{
    position: fixed;
    top: 0;
    left:0;
    width: 100vw;
    height: 4.479166666666667vw;
    z-index: 2;
}
.header__content{
    display: flex;
    padding: 1.25vw 0;
    align-items: center;
    gap: 0.8333333333333334vw;
}
.header__left{
    display: flex;
    padding-left: 5vw;
    align-items: flex-start;
    gap: 1.6666666666666667vw;
    flex: 1 0 0;    
}
.header__link{
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 0.7291666666666666vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3541666666666667vw; /* 185.714% */
    letter-spacing: 0.014583333333333335vw;    
}
.header__link:hover{
    color: var(--Dark-D150, #030808);
}
.tour__btn{
    display: flex;
    align-items: center;
    gap: var(--Spacing-s, 8px);    
}
.tour__btn:hover p{
    color: #030808;
}
.tour__btn:hover svg path{
    fill: #030808;
}
.header__right{
    display: flex;
    padding-right: 1.6666666666666667vw;
    justify-content: flex-end;
    align-items: center;
    gap: 1.25vw;
    flex: 1 0 0;    
}
.header__right-links{
    display: flex;
    align-items: flex-start;
    gap: 1.6666666666666667vw;    
}
.header__btn{
    display: flex;
    padding: 0.3125vw 0.9375vw;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 0.4166666666666667vw);
    border-radius: 1.6666666666666667vw;
    background: var(--Dark-D100, #213030);   
}
.header__btn p{
    color: var(--Gray-G10, #F5F7F7);
    line-height: 1.3541666666666667vw; /* 185.714% */
    letter-spacing: 0.014583333333333335vw;    
}
.header__btn:hover{
    background: #030808;
}
/**/
.menu__wrapper{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--Choco-C100, #453B38);
    width: 100%;
    height: 100vh;
    z-index: 1;
}
.menu__wrapper.--open-menu{
    display: block;
}
.menu__content{
    padding-top: 4.479166666666667vw;
    padding-left: 4.583333333333333vw;
    padding-right: 1.6666666666666667vw;
    padding-bottom: 1.6666666666666667vw;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.menu__top{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.nav__menu{
    margin-top: 2.8125vw;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.0416666666666667vw;    
}
a.menu__link{
    color: var(--Choco-C10, #EBE8E3);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 1.9791666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5vw; /* 126.316% */
    letter-spacing: 0.019791666666666666vw;
    text-transform: uppercase;    
}
.menu__right{
    margin-top: 1.1458333333333333vw;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8333333333333334vw;    
}
.menu__img{
    width: 35.833333333333336vw;
    height: 20.833333333333332vw;
}
.menu__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.menu__right p{
    color: var(--Choco-C10, #EBE8E3);
    font-family: "RF Dewi", sans-serif;
    font-size: 0.625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8333333333333334vw; /* 133.333% */
    letter-spacing: 0.00625vw;
}
.bottom__info{
    display: flex;
    width: 35.833333333333336vw;
    justify-content: space-between;
    align-items: flex-start;    
}
.phone__list{
    display: flex;
    flex-direction: column;
    gap: 0.20833333333333334vw;
    align-items: flex-start;
}
.phones__links{
    align-items: flex-end;
}
a.menu__phone-link{
    display: block;
    color: #EBE8E3;
}
.menu__content-bottom{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.menu__content-bottom > img{
    width: 112px;

}
.left__menu-links{
    display: inline-flex;
    align-items: flex-start;
    gap: 1.25vw;
    flex: 1 0 0;
} 
.left__menu-links a{
    color: var(--Choco-C10, #EBE8E3);
}
.right__menu-links{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap:24px;
    flex: 1 0 0;
}
.right__menu-links div{
    color: var(--Choco-C10, #EBE8E3);
    text-align: right;
    font-family: "RF Dewi";
    font-size: 0.625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8333333333333334vw; /* 133.333% */
    letter-spacing: 0.00625vw;
    width: 13.958333333333334vw;
}
.right__menu-btn{
    display: inline-flex;
    padding: 0.46875vw 0.7291666666666666vw;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 0.4166666666666667vw);
    border-radius: 1.6666666666666667vw;
    background: var(--Choco-C50, #8D7457);
    color: var(--Gray-G10, #F5F7F7);
    font-family: "RF Dewi";
    font-size: 0.7291666666666666vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3541666666666667vw; /* 185.714% */
    letter-spacing: 0.014583333333333335vw;
}
.right__menu-btn:hover{
    background: var(--Choco-C65, #7B6348);
}
/**/
.main{
    width: 100%;
    height: 100vh;
}
.main__mobile-content{
    display: none;
}
.main__content{
    padding-top: 86px;
    padding-left: 88px;
    padding-bottom: 24px;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.main__left{
    display: flex;
    width: 40%;
    height: 100%;
    padding: 64px 64px 64px 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;    
}
.animated__left{
    opacity: 0;
    transition: .3s ease;
}
.main__logo{
    position: relative;
    width: 112px;
    height: 112px;
}
.main__logo img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main__title-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;    
}

.main__title{
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 96.552% */
    letter-spacing: 0.58px;
    text-transform: uppercase;    
}
.main__title-block p{
    font-size: 14px;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.28px;   
    text-align: center;
    width: 388px; 
}
.main__buttons{
    display: flex;
    align-items: flex-start;
    gap: var(--Spacing-s, 8px);    
}
.main__btn{
    display: flex;
    padding: 10px 26px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    border-radius: 32px;   
    font-family: "RF Dewi";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.28px;    
}
a.flats__btn{
    color: #EBE8E3;
}
.about__btn{
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));
    background: transparent;
    color: #213030;
}
.about__btn:hover{
    border: 1px solid var(--Dark-D100, #213030);
    color: #213030;
}
.flats__btn{
    background: var(--Dark-D100, #213030);
    color: var(--Gray-G10, #F5F7F7);
}
.flats__btn:hover{
    background: #030808;
}
.main__right{
    position: relative;
    height: 100%;
    width: 60%;
}
.main__right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.right__overlay{
    position: absolute;
    width: 100%;
    height: 50%;
    bottom:0;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgba(27, 27, 27, 0.59) 100%);
    opacity: 0;
}
.--full-scr{
    position: fixed;
    width: 100%;
    /* max-width: inherit; */
    height: 100vh;
    right:0;
    top:0;
    bottom:0;
    transition: 2s ease-in-out;
}
.main__right.--full-scr .right__overlay{
    opacity: 1;
    transition: 1s ease;
    transition-delay: .6s;
}
.right__txt-block{
    width: 100%;
    transform: translateY(+1000%);
    position: absolute;
    bottom: 40px;
    opacity: 0;
    transition: .25s ease-in-out;
    display: flex;
    align-items: center;
    gap: 11px;
    flex-direction: column;
    justify-content: center;
}
.main__right.--full-scr .right__txt-block{
    transform: translateY(0);
    transition-delay: 1.25s;
    opacity: 1;
}
.right__txt-block p{
    color: var(--Gray-G10, #F5F7F7);
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.78px;
    opacity: .9;
}
.right__title{
    color: var(--Gray-G10, #F5F7F7);
    text-align: center;
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px; /* 100% */
    letter-spacing: 0.58px;
    text-transform: uppercase;
}
/**/
.about__section{
    position: relative;
    top:100vh;
    width: 100%;
}
.mobile__callback{
    display: none;
}
.mobile__about-opener{
    display: none;
}
.about__content{
    padding-top: 86px;
    padding-left: 88px;
    padding-right: 83px;
}
.about__content-top{
    margin-top: 33px;
    display: flex;
    width: 100%;
}
.about__content-left{
    height: 1000px;
    width: 50%;
}
.about__content-left p{
    margin-left: 59px;
    margin-right: 60px;
    position: sticky;
    top: 241px;
    margin-top: 241px;
    width: 512px;
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 107.692% */
    letter-spacing: 0.52px;
    text-transform: uppercase;  
}
.about__content-left-txt{
    transition-duration: 3s;
    opacity: 1;
}
.about__content-right{
    border-left: 1px solid rgba(33, 48, 48, 0.1);
    margin-top: 5px;
    padding-left: 83px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;   
    padding-bottom: 56px;
    width: 50%;
}
.about__right-img{
    width: 486px;
    height: 618px;
    border-radius: 50%;
    overflow: hidden; 
}
.about__right-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about__title-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;    
}
.about__title-block h2{
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;    
}
.about__title-block p{
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;
    width: 442px;
}
.about__bottom{
    display: flex;
    width: 554px;
    flex-direction: column;
    align-items: center;
    gap: 64px;    
}
.about__bottom-item{
    display: flex;
    padding-top: 40px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 48px;
    align-self: stretch;
    flex-wrap: wrap;
    border-top: 1px solid var(--Alpha-AD10, rgba(46, 66, 66, 0.10));
}
.bottom__card{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-s, 8px);    
    flex: 1 0 0;    
}
.bottom__card p:nth-child(1){
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px; /* 100% */
    letter-spacing: 0.4px;    
}
.bottom__card p:nth-child(2){
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-family: "RF Dewi";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.1px;
    opacity: .6;    
}
.download__btn{
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 32px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));    
}
.download__btn:hover{
    border: 1px solid #030808;
}
.download__btn:hover p{
    color: #030808;
}
.download__btn:hover svg path{
    fill: #030808;
}
.about__content-bottom{
    padding-top: 88px;
    padding-left: 88px;
    padding-right: 32px;
    padding-bottom: 88px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.about__content-img{
    width: 100%;
    position: relative;
}
.about__content-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about__content-text{
    display: flex;
    justify-content: space-between;
}
.about__content-item{
    display: flex;
    width: 196.297px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-s, 8px);     
}
.about__content-item p:nth-child(1){
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans Light", sans;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px; /* 100% */
    letter-spacing: 0.4px;    
}
.about__content-item p:nth-child(2){
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 216.667% */
    letter-spacing: 0.24px;
    opacity: .4;
}
.about__content-text-right{
    display: flex;
    gap: 90px;
}
.about__content-right-item:nth-child(1){
    width: 404.613px;
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.14px;    
}
.term__block{
    display: flex;
    width: 245.372px;
    flex-direction: column;
    align-items: center;
    gap: 24px;    
}
.term__item{
    display: flex;
    padding: 0px 16px 24px 16px;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}
.term__item:nth-child(1){
    border-bottom: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));    
}
.term__item p:nth-child(1){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
    letter-spacing: 0.36px;
    text-transform: uppercase;    
}
.term__item p:nth-child(2){
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 216.667% */
    letter-spacing: 0.24px;
    opacity: .6;    
}
.callback__block{
    height: 606px;
    background: var(--Choco-C100, #453B38);
}
.callback__content{
    display: flex;
    height: 100%;
}
.callback__content > div:nth-child(1){
    width: 60%;
    padding-top: 90px;
    padding-right: 79px;
    padding-left: 90px;
    padding-bottom: 138px;
}
.callback__form{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 80px;      
}

.form__title-block{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.callback__form-title{
    color: var(--Choco-C10, #EBE8E3);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 100% */
    letter-spacing: 0.52px;
    text-transform: uppercase;    
}
.form__title-block p{
    font-size: 14px;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.14px;
    color: var(--Choco-C10, #EBE8E3);
    width: 623px;
}
.form__input-block{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;     
}
.form__input-top{
    display: flex;
    align-items: flex-end;
    gap: 40px;    
}
.input__value{
    color: #EBE8E3;
    display: flex;
    width: 296px;
    padding: 10px 0px;
    align-items: center;
    gap: var(--Spacing-s, 8px);    
    border-bottom: 1px solid var(--Alpha-AL12, rgba(245, 247, 247, 0.12));
    background: transparent;
}
.input__value::placeholder{
    color: var(--Choco-C10, #EBE8E3);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.14px;
    opacity: .5;    
}
.form__input-bottom{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;    
}
.form__input-bottom p{
    color: var(--Choco-C10, #EBE8E3);
    text-align: right;
    font-family: "RF Dewi", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 160% */
    letter-spacing: 0.1px;
    opacity: 0.5;
}
.form__submit-btn{
    display: flex;
    width: 215px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    border-radius: 32px;
    background: #D8D5C7;
    cursor: pointer;
    color:#453B38;
    font-family: "RF Dewi";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.28px;
}
.form__submit-btn:hover{
    background: #8D7457;
    color: #EBE8E3;
    transition: .25s ease-in-out;
}
.callback__right{
    width: 40%;
    position: relative;
}
.callback__img{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.callback__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: -50px;
}
.callback__img-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--Alpha-AD36, rgba(0, 0, 0, 0.36));
}
.callback__form-btn{
    top:0;
    position: absolute;
    right: 0;
    width: 54px;
    height: 100%;
    background: #D8D5C7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.callback__form-btn img{
    height: 149px;
}
.callback__form-btn p{
    transform: rotate(-90deg);
}
.callback__right-title{
    position: absolute;
    top: 73px;
    left: 33px;
}
.callback__contacts{
    color: var(--Choco-C10, #EBE8E3);
    font-family: "RF Dewi";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.16px;
    position: absolute;
    bottom: 36px;
    left: 33px;
}
.about__img-btn{
    position: absolute;
    display: flex;
    width: 32px;
    height: 32px;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));
    background: var(--Gray-G0, #FFF);
    border-radius: 50%;
}
.about__content-img button:hover {
    color: #fff;
    background: #213030;
}
.block__btn:hover p{
    color: #F5F7F7;
}
.block__btn:hover, .street__btn:hover, .about__icon-btn:hover{
    cursor: url('../img/pointing.svg'), auto;
}
.block__btn:hover ~ .block__btn-info-wrapper{
    opacity: 1;
    transition: .3s ease-in-out;
    z-index: 6;
}
.block__btn-info-wrapper{
    opacity: 0;
    position: absolute;
    top: 33.31515151515152%;
    left: 50.33333333333333%;
    display: flex;
    align-items: flex-start;
}
.block__btn-info-wrapper > svg{ 
    margin-top: 30px;
}
.block__btn-info{
    display: inline-flex;
    padding: 27px 16px 21px 20px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 24px;
    background: var(--Dark-D100, #213030);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);    
}
.block__btn-info p:nth-child(1){
    color: var(--Gray-G0, #FFF);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 100% */
    letter-spacing: 0.4px;
    text-transform: uppercase;
    align-self: stretch;
}
.block__btn-txt{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;    
}
.block__btn-txt > div{
    display: flex;
    width: 196px;
    justify-content: space-between;
    align-items: flex-start;    
}
.block__btn-txt > div p:nth-child(1){
    color: var(--Gray-G0, #FFF);
    font-family: "RF Dewi", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
    letter-spacing: 0.24px;
    opacity: .7;
    text-transform: none;
}
.block__btn-txt > div p:nth-child(2){
    color: var(--Gray-G0, #FFF);
    font-family: "RF Dewi", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
    letter-spacing: 0.24px;
}
.block__btn{
    top: 35.51515151515152%;
    left: 48.33333333333333%;
}
.street__btn{
    position: absolute;
    display: inline-flex;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 3px;
    background: var(--Gray-G0, #FFF);
}
.mobile__location{
    display: none;
}
.street__btn:hover svg path{
    stroke: #fff;
}
.kurmangazy__str{
    top: 6.742424242424242%;
    left: 6.287878787878788%;
}
.karamysova__str{
    top: 5.075757575757576%;
    right: 23.25757575757576%;
}
.bekhozhina__str{
    bottom: 55.3030303030303%;
    right: 16.06060606060606%;
}
.about__icon-btn{
    display: inline-flex;
    padding: 7px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    border-radius: 18px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));
    background: var(--Gray-G0, #FFF); 
    position: absolute;   
}
.park__btn{
    top: 45.15151515151515%;
    left: 18.53030303030303%;
}
.parking__btn{
    bottom: 25.75757575757576%;
    left: 34.46969696969697%;
}
.shopping__btn{
    bottom: 30.65151515151515%;
    left: 44.31818181818182%;
}
.restoran__btn{
    bottom: 38.74242424242424%;
    right: 42.87878787878788%;
}
.about__icon-btn:hover svg path{
    fill: #fff;
    stroke: #fff;
}
/**/
.map__section{
    position: relative;
    top: 100vh;
}
.map__title-block{
    padding-top: 86px;
    padding-left: 88px;
    display: flex;
    gap: 40px;
    align-items: flex-start;
}
.map__title-right{
    display: flex;
    flex-direction: column;
    gap: 47px;
}
.map__title{
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    width: 914px;
}
.map__title-right p{
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;   
    width: 495px; 
}
.g-map__container{
    margin-top: 80px;
    height: 768px;
    width: 100%;
    position: relative;
    z-index: 0;
}
.map__inner-content{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
}
.map__control-btns{
    position: absolute;
    right: 32px;
    top: 312px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 100;
}
.zoomBtn{
    width: 44px;
    height: 44px;
    display: flex;
    padding: var(--Spacing-s, 8px);    
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));
    background: var(--Gray-G0, #FFF);    
}
.gm-style-mtc, .gm-svpc, .gm-fullscreen-control{
    display: none;
}
.map__google{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; 
    left: 0;
}
.map__description-text{
    position: absolute;
    left: 88px;
    bottom: 32px;
    display: inline-flex;
    padding: 10px 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-s, 8px);    
    background: var(--Gray-G0, #FFF);    
}
.map__description-text p:nth-child(1){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: 0.2px;
    text-transform: uppercase;    
}
.map__description-text p:nth-child(2){
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.12px;    
}
a.map__2gis-link{
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    border-radius: 32px;
    border: 1px solid rgba(90, 120, 120, 0.24);    
    background: var(--Dark-D100, #213030);  
    color: var(--Gray-G0, #FFF);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.28px;
    position: absolute;
    bottom: 24px;
    right: 32px;
}
.slider__block{
    padding-top: 119px;
    padding-bottom: 35px;
}
.slider__item-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.slider__item-img{
    width: 100%;
    height: 256px;
    position: relative;    
}
.slider__item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider__item-txt{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;    
}
.slider__item-txt p:nth-child(1){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 14px;
    line-height: 17.6px; /* 125.714% */
    letter-spacing: 0.42px;
    align-self: stretch;
}
.slider__item-txt p:nth-child(2){
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.12px;
    opacity: .5;    
}
.p-36{
    padding-top: 36px;
}
.p-72{
    padding-top: 72px;
}
.slider__title-block{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 44px; 
    margin-bottom: 86px;   
}
.slider__title-block p:nth-child(1){
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 184.615% */
    letter-spacing: 0.52px;
    text-transform: uppercase;
}
.slider__title-block p:nth-child(2){
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 123.077% */
    letter-spacing: 0.52px;
    text-transform: uppercase;
    width: 940px;
}
.map__callback{
    position: relative;
    z-index: 4;
}
/**/
.apartments__section{
    position: relative;
    top: 100vh;
}
.apartments__opener{
    width: 100%;
    height: 100vh;
    position: relative;
}
.apartments__opener img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;    
}
.apartments__opener-overlay-1{
    position: absolute;
    bottom: 0;
    height: 50%;
    width: 100%;
    opacity: 0.6;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgba(27, 27, 27, 0.59) 100%);    
}
.apartments__opener-overlay-2{
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0.34;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgba(27, 27, 27, 0.59) 100%);    
}
.apartment__opener-title-block{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    position: absolute;
    bottom: 40px;
}
.apartment__opener-title-block p{
    color: var(--Gray-G10, #F5F7F7);
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.78px;
    opacity: 0.9;
}
.apartment__opener-title-block h2{
    color: var(--Gray-G10, #F5F7F7);
    text-align: center;
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px; /* 100% */
    letter-spacing: 0.58px;
    text-transform: uppercase;    
}
.apartments__section-title{
    padding-top: 135px;
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.apartments__right{
    padding-top: 64px;
    padding-left: 86px;
}
.apartments__square-block{
    display: flex;
    width: 351px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;     
}
.apartments__square-block p:nth-child(1){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px; /* 100% */
    letter-spacing: 0.4px;     
}
.apartments__square-block p:nth-child(2){
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 216.667% */
    letter-spacing: 0.24px;
    opacity: .6;
}
.apartments__description{
    margin-top: 48px;
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;
    width: 420px;
}
.adv__list{
    margin-top: 64px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;    
}
.adv__card{
    display: flex;
    width: 566px;
    padding: 48px 24px;
    align-items: flex-start;
    gap: 48px;   
    border-top: 1px solid var(--Alpha-AD10, rgba(46, 66, 66, 0.10)); 
}
.adv__right{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;    
}
.adv__right p:nth-child(1){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 110% */
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.adv__right p:nth-child(2){
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.5px; /* 154.167% */
    letter-spacing: 0.24px;
    width: 360px;
}
.apartments__inner{
    display: flex;
}
.apartments__left{
    width: 756px;
    height: 1240px;
    position: relative;
}
.apartments__left-img{
    display: none; 
    position: sticky;
    left: 88px;
    width: 668px;
    height: 600px;
    /* position: absolute; */
    top: 145px;
}
.apartments__left-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.apartments__pick{
    /* display:none; */
    margin-top: 50px;
    padding-left: 90px;
}
.apartments__pick-title-block{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.apartments__pick-title-block p:nth-child(1){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.78px;
    opacity: 0.9;
}
.apartments__pick-title-block p:nth-child(2){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.apartments__pick-container{
    margin-top: 29px;
    padding-right: 32px;
    display: flex;
    gap: 41px;
    align-items: flex-start;
}
.apartments__pick-filters{
    display: flex;
    width: 317px;
    padding: 24px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    background: var(--Gray-G10, #F5F7F7);
}
.filter__item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;     
}
.filter__label{
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 200% */
    letter-spacing: 0.12px;
    opacity: 0.5;
}
.filter__buttons{
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px var(--Spacing-s, 8px);
    align-self: stretch;
    flex-wrap: wrap;    
}
.block__filter-btn{
    display: flex;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 32px;
    background: var(--Gray-G10, #F5F7F7);
    /* border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16)); */
    position: relative;   
    cursor: pointer;
}
.block__filter-btn input{
    cursor: pointer;
}
.block__filter-btn input[type=radio]{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
}
.block__filter-btn label{
    color: #213030;
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.14px;
    opacity: .9;    
    position: relative;
    z-index: 3;
}
.block__filter-btn input[type=radio]:checked .block__filter-btn::after   {
	background: #213030;
    color: #fff;
}
.block__filter-btn input[type=radio]:checked + label {
    color: #F5F7F7;

}
.block__filter-btn span{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 44px;
    height: 44px;
    border-radius: 32px;
    background: #F5F7F7;
    z-index: 1;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));

}
.block__filter-btn span::after{
    content: "";
    position: absolute;
    display: none;
}

.block__filter-btn input:checked ~ span::after{
    display: block;
}

.block__filter-btn span:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--Dark-D100, #213030);
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));
}
.filter__label-block{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}
.filter__range{
    position: relative;
    width: 100%;
    height: 20px;
    float: left;
    text-align: center;
}
.rangeValues{
    position: absolute;
    top: -36px;
    right: 0;
    color: var(--Dark-D100, #213030);
    text-align: right;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.28px;
    text-transform: uppercase;    
}
.filter__range input[type=range] {
    pointer-events: none;
    position: absolute;
    /* -webkit-appearance: none; */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 14px;
    background: #213030;
    left: 0;
    bottom: 0;
    width: 100%;
    outline: none;
    height: 1px;
    margin: 0;
    padding: 0;
}
.filter__range input[type=range]::-webkit-slider-thumb {
    cursor: pointer;
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 14px;
    background-image: url('../img/range__thumb.svg');
    /* android <= 2.2 */
    background-image:  url('../img/range__thumb.svg');;
    /* older mobile safari and android > 2.2 */
    background-image:  url('../img/range__thumb.svg');;
    /* W3C */
}
.filter__range input[type=range]::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 14px;
    /* background-image: linear-gradient(to bottom, #dad8da 0, #413f41 100%); */
    /* W3C */
}
.filter__range input[type=range]::-ms-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -ms-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 14px;
    border: 0;
    /* background-image: linear-gradient(to bottom, #dad8da 0, #413f41 100%); */
    /* W3C */
}
.filter__range input[type=range]::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: red;
    border: 1px solid red;
}
.filter__range input[type=range]:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: red;
    border: 0;
}
.filter__range input[type=range]::-moz-focus-outer {
   border: 0;
}
.reset__item{
    display: flex;
    padding: 16px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    align-self: stretch;    
}
.resetBtn{
    cursor: pointer;
    display: flex;
    height: 44px;
    padding: 0px 32px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    border-radius: 32px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));
    background: var(--Gray-G10, #F5F7F7);
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.14px;    
}
.apartments__pick-content{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 53px;
}
.apartments__pick-content-top{
    display: flex;
    padding: 12px;
    justify-content: space-between;
    align-items: flex-start;    
    width: 100%;
}
.apartments__result-count{
    display: flex;
    width: 504.5px;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;    
}
.apartments__result-count p:nth-child(1){
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.14px;
    opacity: 0.4;
}
.apartments__result-count p:nth-child(2){
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.14px;
}
.apartments__sortbtn{
    display: flex;
    align-items: center;
    gap: var(--Spacing-s, 8px);
}
.apartments__sortbtn p{
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.14px;
}
.apartments__pick-content-bottom{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, auto);
    flex-wrap: wrap;
}
.apartments__result-item{
    cursor: url('../img/pointing.svg'), auto;
    display: flex;
    padding: 48px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    background: var(--Gray-G10, #F5F7F7);
    transition: .25s ease-in-out;
}
.apartments__result-item:hover{ 
    background: var(--Alpha-AL72, rgba(255, 255, 255, 0.72));
    transition: .25s ease-in-out;
}
.apartments__result-item:hover .show__apartsment-info{
    display: flex;
}
.apartments__result-img{
    width: 100%;
    display: flex;
    height: 260px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 8px);    
    align-self: stretch;
    position: relative;
}
.show__apartsment-info{
    display: none;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;   
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.28px;
    position: absolute; 
    border-radius: 48px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));
    background: var(--Gray-G0, #FFF);
    z-index: 3;   
}
.apartments__result-img img{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: contain;
}
.apartments__result-info{
    display: flex;
    min-width: 220px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;    
}
.apartments__info-square{
    align-self: stretch;
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 111.111% */
    letter-spacing: 0.54px;
    text-transform: uppercase;
}
.aparments__info-room{
    opacity: 0.5;
    align-self: stretch;
}
.apartments__info-block{
    display: flex;
    align-items: center;
    gap: var(--Spacing-s, 8px);    
    align-self: stretch;
}
.apartments__info-block p{
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.14px;
    opacity: .9;
}
.showMore-btn{
    margin: 0 auto;
    display: flex;
    cursor: pointer;
    width: 202px;
    height: 46px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 48px;
    border: 1px solid rgba(46, 66, 66, 0.16);   
}
.showMore-btn p{
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.28px;
}
.methods__block{
    margin-top: 96px;
    padding-left: 90px;
    padding-right: 32px;
    padding-bottom: 120px;
    display: flex;
    gap: 64px;
    flex-direction: column;
}
.methods__top{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
}
a.methodBtn{
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 48px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.28px;
    transition: .25s linear;
}
a.methodBtn:hover{
    transition: .25s linear;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 1));
}
.methods__title-block{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-s, 8px);        
}
.methods__title-block p:nth-child(1){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.78px;
    opacity: .9;
}
.methods__title-block p:nth-child(2){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.methods__description{
    width: 393px;
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.14px;    
}
.method__cards{
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 16px;    
}
.method__card{
    display: flex;
    height: 365px;
    padding: 48px 40px 32px 40px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    background: var(--Alpha-AL72, rgba(255, 255, 255, 0.72));
}
.method__card-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;    
}
.method__card-title p:nth-child(1){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 109.091% */
    letter-spacing: 0.66px;
    text-transform: uppercase;
    align-self: stretch;
}
.method__card-title p:nth-child(2){
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;
    align-self: stretch;
}
.card__callbackBtn{
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 48px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16)); 
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.28px;       
}
.card__callbackBtn:hover{
    border: 1px solid #030808;
    color: #030808;
}
.flatInfoModal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(21, 15, 14, 0.15);
    z-index: 1000;
    display: none; 
    padding: 80px;
}
.flatInfoModal.--show{
    display: flex;
    background: rgba(21, 15, 14, 0.65);
    justify-content: center;
    align-items: center;


}
.flatModalContent{
    display: flex;
    background: var(--Gray-G0, #FFF);
    height: 600px;
}
.flatModalLeft > p:nth-child(1){
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 100% */
    letter-spacing: 0.4px;
    text-transform: uppercase;    
}
.flatModalLeft{
    padding-top: 40px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 40px;
}
.flatModalLeft > div{
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
.flatModalImgWrapper{
    display: flex;
    width: 275.65px;
    height: 395.733px;
    padding: 0.374px 0.374px 0.358px 0.374px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;    
}
.flatModalImgWrapper >img{
    width: 274.887px;
    height: 367.056px;
    flex-shrink: 0;
    object-fit: contain;
}
.flatModalSquareInfo{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;    
}
.flatModalSquareInfo > div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-s, 8px);    
}
.flatModalSquareInfo > div > div{
    display: flex;
    width: 365px;
    padding: var(--Spacing-s, 8px) 0px;    
    justify-content: space-between;
    align-items: flex-start;    
}
.flatModalSquareInfo > div > div:nth-child(1){
    border-bottom: 1px solid var(--Alpha-AD10, rgba(46, 66, 66, 0.10));
}
.flatModalSquareInfo > div > div:nth-child(1) > p{
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 183.333% */
    letter-spacing: 0.12px;
    opacity: 0.5;
    
}
.flatModalSquareInfo > div > div > div{
    display: flex;
    width: 203px;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;    
}
.flatModalSquareInfo > div > div > div > button{
    display: flex;
    width: 24px;
    height: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 32px;
    background: var(--Dark-D100, #213030);    
    color: var(--Gray-G0, #FFF);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 183.333% */
    letter-spacing: 0.12px;    
    font-family: "RF Dewi", sans-serif;

}
.flatModalSquareInfo > div > div:nth-child(7) > div{
    opacity: 0;
}
.flatModalSquareInfo > div > div:nth-child(7){
    border-top: 1px solid var(--Alpha-AD10, rgba(46, 66, 66, 0.30));
}
.flatModalSquareInfo > a{
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 32px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));    
    transition: .25s ease-in-out;

}
.flatModalSquareInfo > a:hover{
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.46));    
    transition: .25s ease-in-out;
}
.flatModalRight{
    padding: 40px;
    display: flex;
    width: 442px;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    background: var(--Choco-C100, #453B38);
    position: relative;
}
.floatModalRightBtn{
    display: flex;
    width: 52px;
    height: 52px;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    position: absolute;
    right: 32px;    
    top: 24px;    
    border-radius: 32px;
    background: var(--Alpha-AL12, rgba(245, 247, 247, 0.12));
}
.flatModalRight > div{
    display: flex;
    padding: 0px 40px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;    
}
.flatModalRight > div > p{
    align-self: stretch;
    color: var(--Choco-C10, #EBE8E3);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 110% */
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.flatModalRight > div > form{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
    align-self: stretch;    
}
.flatModalRight > div > form > div{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;    
}
.flatModalRight > div > form > div > input{
    display: flex;
    padding: 10px 0px;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    border-bottom: 1px solid var(--Alpha-AL12, rgba(245, 247, 247, 0.12));
    align-self: stretch;
    color: var(--Choco-C10, #EBE8E3);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.14px;
    transition: .25s ease-in-out;
}
.flatModalRight > div > form > div > input:focus{
    border-bottom: 1px solid var(--Alpha-AL12, rgba(245, 247, 247, 0.92));
    transition: .25s ease-in-out;
}
.flatModalRight > div > form > div:nth-child(2){
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
    
}
.modalFormSubmitBtn{
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    
    align-self: stretch;
    border: none;    
    border-radius: 32px;
    background: var(--Choco-C50, #8D7457);
    color: var(--Choco-C10, #EBE8E3);

    
}
.flatModalRight > div > form > div:nth-child(2) > p{
    align-self: stretch;
    color: var(--Choco-C10, #EBE8E3);
    text-align: center;
    font-family: "RF Dewi", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    opacity: 0.5;
    
}

/**/
.places__section{
    position: relative;
    top: 100vh;
    width: 100%;
    height: 100vh;
}
/* .places__content{
    width: 100%;
    height: 100%;
    position: relative;    
} */
.places__slider{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.slider__item-overlay1{
    width: 100%;
    height: 60%;
    opacity: 0.1;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgba(27, 27, 27, 0.59) 100%);
    bottom: 0;
    left: 0;    
    position: absolute;
}
.slider__item-overlay2{
    width: 100%;
    height: 50%;
    opacity: 0.6;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgba(27, 27, 27, 0.59) 100%);
    bottom: 0;
    left: 0;    
    position: absolute;
}
.places__slider-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.places__title-block{
    position: absolute;
    max-width: 528px;
    z-index: 3;
    bottom: 32px;
    left: 88px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.places__top-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;    
}
.places__top-title p:nth-child(1){
    color: var(--Gray-G10, #F5F7F7);
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.78px;
    opacity: .9;    
}
.places__top-title p:nth-child(2){
    color: var(--Gray-G10, #F5F7F7);
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px; /* 100% */
    letter-spacing: 0.58px;
    text-transform: uppercase;    
}
.places__description-txt{
    color: var(--Gray-G10, #F5F7F7);
    font-family: "RF Dewi";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
    letter-spacing: 0.14px;    
}
.places__nav-block{
    display: inline-flex;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    position: absolute;
    right: 32px;
    bottom: 32px;  
    z-index: 3;  
}
.placesNavBtn{
    display: flex;
    padding: 14px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 24px;
    background: var(--Alpha-AL24, rgba(247, 246, 245, 0.24));        
}
.nav__block-counter span, .nav__block-counter{
    color: var(--Gray-G10, #F5F7F7);
    font-family: "RF Dewi";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 216.667% */
    letter-spacing: 0.24px;
}
.places__nav-next{
    position: relative;  
    z-index: 1;  
}
.animated__svg{
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    stroke: #fff;
    fill: none;
    stroke-dashoffset: calc(700.9px * (1 - var(--progress)));
    stroke-dasharray: 900;
    stroke-width: 7px;

}
/**/
.lobby__section{
    position: relative;
    top: 100vh;
}
.lobby__top{
    padding-top: 86px;
    padding-left: 88px;
    padding-right: 56px;
    display: flex;
}
.lobby__left{
    height: 1000px;
    width: 50%;
    padding-left: 69px;
    padding-top: 44px;
    padding-right: 77px;
}
.lobby__left-img{
    width: 486px;
    height: 618px;
    flex-shrink: 0;
    border-radius: 50%;
    position: sticky;
    top:88px;
    overflow: hidden;
}
.lobby__left-img img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.lobby__right{
    width: 50%;
    position: relative;
    height: 100%;
}
.lobby__right-border{
    position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    top:0;
    background: rgba(33, 48, 48, 0.1);
}
.vertical__txt{
    position: absolute;
    top:280px;
    left: -4px;
    background: #fff;
}
.lobby__right-content{
    padding-left: 89px;
}
.lobby__right-title{
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding-top: 90px;
}
.lobby__right-description{
    margin-top: 48px;
    width: 480px;
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(33, 48, 48, 0.4);
}
.material__title{
    margin-top: 40px;
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.material__list{
    margin-top: 46px;
    display: inline-flex;
    align-items: flex-start;
    gap: 72px;    
}
.material__card{
    width: 134px;
    position: relative;
    cursor: pointer;
}
.material__card:hover .material__card-content > .material__img  >button{
    transition: .25s ease-in-out;
    transform: rotate(45deg);
}
.material__card:hover .materialCardInfo{
    opacity: 1;
    transition: .25s ease-in-out;
    z-index: 9999;
}
.materialCardInfo{
    opacity: 0;
    position:absolute;
    display: flex;
    width: 280px;
    padding: 32px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    background: var(--Gray-G0, #FFF);
    toP: 0;
    left: 90px;
    z-index: -9999;
    transition: .25s ease-in-out;
}
.fibrocementInfo{
    right: 90px;
    left: auto;
}
.materialCardInfo > p:nth-child(1){
    align-self: stretch;
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: 'Aviano Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
    letter-spacing: 0.54px;
    text-transform: uppercase;
    
}
.materialCardInfo > p:nth-child(2){
    font-size: 12px;
    line-height: 18px; /* 150% */
    letter-spacing: 0.12px;
    
}
.material__card-content{
    display: flex;
    flex-direction: column;
    gap: 27px;
    align-items: center;
}
.material__img{
    margin: 7px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.material__img img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.material__card-content p{
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.625px; /* 118.752% */
    letter-spacing: 0.42px;    
}
.material__card-border{
    position: absolute;
    width: 134px;
    height: 134px;
    top:0;
    left: 0;
}
.material__card-btn{
    position: absolute;
    display: inline-flex;
    padding: var(--Spacing-s, 8px);
    align-items: flex-start;
    gap: var(--Spacing-s, 8px);     
    border-radius:50%;
    background: var(--Gray-G10, #F5F7F7);
    top: 50%;
    margin-left: -18px;
    margin-top: -18px;
    left: 50%;
}
.material__description-block{
    display: flex;
    align-items: flex-end;
    gap: 70px;
    margin-top: 47px;
    padding-bottom: 53px;
    border-bottom: 1px solid rgba(33, 48, 48, 0.12);
}
.material__description-left{
    width: 319px;
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;    
}
.materialBtn{
    display: inline-flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 48px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));    
}
.materialBtn p{
    width: 116.88px;
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.28px;    
}
.materialBtn:hover{
    border: 1px solid #030808;
}
.materialBtn:hover p{
    color: #030808;
}
.material__bottom-block{
    display: flex;
    padding: 40px 16px 42px 16px;
    gap: 50px;
}
.material__bottom-block > svg{
    width: 60px;
}
.material__bottom-block p{
    width: 412px;
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;
}
.lobby__slider{
    margin-top: 72px;
    padding-left: 91px;
    padding-bottom: 87px;
    display: flex;
    gap: 64px;
}
.lobby__slider-title-block{
    margin-top: 25px;
    display: flex;
    gap: 32px;
}
.lobby__slider-title-block img{
    display: block;
    top: 16px;
}
.lobby__slider-title-block p{
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.lobby__slider-description{
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;
    width: 359px;
    margin-left: 55px;
    margin-top: 80px;
    margin-bottom: 112px;
}
.lobby__slider-nav{
    margin-left: 55px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;    
}
.lobbySliderBtn{
    display: flex;
    padding: 14px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 24px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));    
}
.lobby__slider-counter{
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 216.667% */
    letter-spacing: 0.24px;
}
.lobbySliderBtn:hover{
    border: 1px solid #030808;
}
.lobby__slider-right{
    height: 552px;
    width: 100%;
    position: relative;
}
.lobby__slider-inner{
    width: 843px;
    height: 100%;
    position: absolute;
}
.lobby__slider-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
/**/
.imrpovement__section{
    position: relative;
    top: 100vh;
    height: 100%;
}
.improvement__opener{
    width: 100%;
    height: 100vh;
    position: relative;
}
.improvement__img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.improvement__opener-overlay-1{
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgba(27, 27, 27, 0.59) 100%);
    opacity: .2;
}
.improvement__opener-overlay-2{
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgba(27, 27, 27, 0.59) 100%);
    opacity: .6;
}
.improvement__title-block{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 40px;
}
.improvement__title-block p:nth-child(1){
    color: var(--Gray-G10, #F5F7F7);
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.78px;
    opacity: .9;    
}
.improvement__title-block p:nth-child(2){
    color: var(--Gray-G10, #F5F7F7);
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family:  "Aviano Sans", sans-serif;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px; /* 100% */
    letter-spacing: 0.58px;
    text-transform: uppercase;
}
.improvement__info-title{
    padding-top: 149px;
    padding-left: 88px;
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 54px;
}
.improvement__info-txt-block{
    padding-left: 88px;
    padding-right: 35px;
    display: flex;
    align-items: flex-start;
    gap: 85px;
}
.improvement__info-left{
    margin-left: 26px;
    display: flex;
    gap: 99px;
}
.improvement__info-left p{
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;
}
.improvement__info-left p:nth-child(1){
    width: 371px;
}
.improvement__info-left p:nth-child(2){
    width: 278px;
}
.improvement__info-right{
    display: flex;
    width: 458px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 48px 72px;
    flex-wrap: wrap;    
}
.imrpovement__item{
    display: flex;
    align-items: center;
    gap: 12px;
}
.imrpovement__item p{
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
    letter-spacing: 0.42px;
    width: 132px;
}
.improvement__slider{
    margin-top: 72px;
    height: 424px;
    width: 100%;
}
.improvement__slider-item {
    display: flex;
    height: 424px;
    /* width: 880px; */
}

.improvement__slider-img{
    width: 50%;
    height: 100%;
    position: relative;
}
.slider__overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.40);
    z-index: 2;
}
.improvement__slider-img img{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}
.improvement__slider-text{
    display: flex;
    height: 424px;
    padding: 40px 48px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    background: var(--Alpha-AL72, rgba(255, 255, 255, 0.72));
}
.improvement__info-top{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;    
}
.improvement__info-top p:nth-child(1){
    color: var(--Dark-D100, #213030);
    text-align: left;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.625px; /* 118.752% */
    letter-spacing: 0.42px;
    opacity: .32;    
}
.improvement__info-top p:nth-child(2){
    color: var(--Dark-D100, #213030);
    text-align: left;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 110% */
    letter-spacing: 0.6px;
    text-transform: uppercase;    
}
.improvement__bottom-txt{
    width: 302px;
    margin-top: 20px;;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;    
}
.improvement__slider-pagination{
    padding-top: 41px;
    padding-bottom: 72px;
    display: block;
    text-align: right;
    padding-right: 32px;
}
.swiper-pagination-bullet{
    width: 3px!important;
    height: 3px!important;
    background: #213030!important;
}
.swiper-pagination-bullet p{
    display: none;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active p{
    display: block;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 64px!important;
    height: 64px!important;
    position: relative;
    background: transparent!important;
    border: 1px solid red;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(33, 48, 48, 0.4);
}
.improvement__slider-pagination{
    display: flex;
    align-items: center;
    justify-content: right;
}
.improvement__slider-slide.swiper-slide-active .improvement__slider-item .improvement__slider-text{
    display: block;
}
.improvement__slider-slide.swiper-slide-active .improvement__slider-item .slider__overlay{
    display: none;
}
.improvement__slider-slide .improvement__slider-item .improvement__slider-text{
    display: none;
}
.improvement__slider-slide.swiper-slide-prev .improvement__slider-item{
    flex-direction: row-reverse;
}
.improvementSliderBtn{
    position: absolute;
    z-index: 2;
    top: 0;
    display: inline-flex;
    padding: 14px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 24px;
    background: var(--Gray-G0, #FFF);    
}
.improvementSliderBtn:hover{
    border: 1px solid #030808;
}
.improvementSliderBtn__prev{
    top: 172px;
    left: 88px;
}
.improvementSliderBtn__next{
    top: 172px;
    right:32px;
}
/**/
.timeline__section{
    position: relative;
    top: 100vh;
}
.timeline__content{
    margin: 0 30px 0 90px;
}
.timeLineBtn{
    display: flex;
    padding: 14px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 24px;
    background: var(--Alpha-AL24, rgba(247, 246, 245, 0.24));        
}
.timeline__title{
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.timeline__rows{
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    gap: 50px;
}
.timeline__rowItem{
    display: flex;
    justify-content: space-between;    
    align-items: center;
    cursor: pointer;
}
.timeline__rowItem > .left{
    width: 250px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.timeLineLeftImg{
    width: 122px;
    height: 78px;
    flex-shrink: 0;
    border-radius: 50%;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    position: relative;   
    overflow: hidden;
}
.timeLineLeftImg > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.timeLineDateInfo{
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 7px;
}
.timeLineDateInfo > p{
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.625px; /* 118.752% */
    letter-spacing: 0.42px;    
}
.timeLineDateInfo > p:nth-child(1){
    opacity: 0.32;
}
.timeLineDateInfo > p:nth-child(2){
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 110% */
    letter-spacing: 0.6px;    
}
.timeLineInfoDesc{
    color: var(--Dark-D100, #213030);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
    letter-spacing: 0.12px;
    max-width: 469px;
    flex: 1 0 0;
}

.timeline__rowItem > .right{
    display: flex;
    align-items: center;
    gap: 90px;
}

.timeLineSliderNavBtn{
    position: absolute;
    z-index: 10;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 48px;
    border: 1px solid var(--Alpha-AD16, rgba(255,255,255, 0.76));   
    background: rgba(255,255,255,.4); 
}
.timeLineSliderNavBtn > svg > g > path {
    stroke: rgba(0, 0, 0, 0.76);
}
.timeLineSliderNavBtnNext{
    right: 12%;

}
.timeLineSliderNavBtnPrev{
    left: 12%;
}
.timeLineBtn > svg,
.timeLineSliderNavBtn > svg{
    width: 18px;
    height: 18px;
}
.timeLineModal{
    display: none;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(21, 15, 14, 0.60);
}
.timeLineModal.--showModalSlider{
    display: block;
}
.timeLineModalContent{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
}
.timeLineSlider.swiper{
    display: none;
    width: 80%;
    height: 80%;
}
.timeLineSlider.swiper.--showSlider{
    display: block;
}
.timeLineSliderItem{
    position: relative;
}
.timeLineSliderItem > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.modalTimeLineCloseBtn{
    position: fixed;
    top: 20px;
    right: 90px;
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #F5F7F7;
}
.modalTimeLineCloseBtn > svg{
    transform: rotate(45deg);
}
.modalTimeLineCloseBtn > svg path{
    stroke: #F5F7F7;
}
/**/
.developer__section{
    position: relative;
    top: 100vh;
}
.developer__info{
    width: 100%;
    height: 700px;
    position: relative;
    margin-top: 88px;
}
.developer__img{
    position: absolute;
    right: 0;
    top:0;
    width: 705px;
    height: 100%;
    z-index: 2;
}
.developer__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.developer__txt{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 600px;
    padding-left: 90px;
    padding-top: 80px;
    padding-bottom: 77px;
    background: var(--Alpha-AL72, rgba(255, 255, 255, 0.72));
    display: flex;
    gap: 56px;
}
.developer__txt-right{
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.developer__txt-title-block{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;    
}
.developer__txt-title-block p:nth-child(1){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on, 'salt' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    letter-spacing: 0.78px;
    opacity: .9;
}
.developer__txt-title-block p:nth-child(2){
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;  
}
.developer__txt-description{
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;
    width: 370px;
}
.developer__btn{
    width: 244px;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 48px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));    
}
.developer__btn:hover{
    border: 1px solid #030808;
}
.developer__btn p{
    color: var(--Dark-D100, #213030);
    font-family: "RF Dewi", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.28px;
}
.developer__img-logo{
    position: relative;
    width: 130px;
    height: 130px;
}
.developer__img-logo > img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top:0;
    left:0;
}
/**/
.footer__section{
    position: relative;
    top: 100vh;
    width: 100%;
    height: 100vh;
}
.footer__content{
    display: flex;
    height: 100%;
    padding: 160px 32px 24px 88px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;    
}
.contacts__top{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;    
}
.contacts__top > img{
    width: 200px;
    height: 200px;
}
.contacts__center{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;    
}
.contacts__phone-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-s, 8px);    
}
.phone__link{
    color: var(--Dark-D100, #213030);
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 300;
    line-height: 52px; /* 118.182% */
    letter-spacing: 0.44px;
    text-transform: uppercase;
}
.contacts__phone-list p{
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;
    width: 420px;
}
.footer__callbackBtn{
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    border-radius: 32px;
    background: var(--Dark-D100, #213030);
    color: var(--Gray-G10, #F5F7F7);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.28px; 
}
.footer__callbackBtn:hover{
    background: #030808;
    color: #fff;
}
.contacts__bottom{
    display: flex;
    padding-top: 24px;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
    border-top: 1px solid var(--Alpha-AD10, rgba(46, 66, 66, 0.10));
}
.contacts__bottom-left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-s, 8px);
    flex: 1 0 0;
}
.footer__link{
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 48px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));
}
.contacts__bottom-center{
    max-width: 600px;
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-family: "RF Dewi", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 160% */
    letter-spacing: 0.1px;    
}
.contacts__bottom-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    flex: 1 0 0;    
}
.contacts__bottom-right p{
    color: var(--Dark-D100, #213030);
    text-align: right;
    font-family: "RF Dewi", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
    letter-spacing: 0.12px;
    width: 268px;
}
/**/
.loader__section{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background: var(--Gray-G10, #F5F7F7);
    z-index: 3;
}
.d-none-loader{
    opacity: 0;
    transition: .3s ease-in-out; 
    z-index: -1;
}
.preloader__block{
    width: 584px;
    height: 584px;
    flex-shrink: 0;
    border: 1px solid rgba(33, 48, 48, 0.1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;    
    margin-top: -292px;
    margin-left: -292px;
}
.loader__txt{
    position: absolute;
    z-index: 11;
    bottom: 40px;
    left: 50%;
    margin-left: -42.5px;
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-family: "RF Dewi", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 109.091% */
    letter-spacing: 0.22px;
    opacity: 0.5;
}
.animated__logo{
    width: 300.205px;
    height: 82.78px;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    margin-top: -41.39px;
    left: 50%;
    margin-left: -150.105px;
}
.logo__tree{
    width: 110px;
    height: 104px;
    position: absolute;
    top: 64px;
    left: 50%;
    margin-left: -55px;
}
.logo__tree svg{
    position: absolute;
}
.logo__tree svg:nth-child(1){
    z-index: 4;
}
.tree__overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background:#F5F7F7;
    z-index: 3;
}
.percentBar{
    position: absolute;
    bottom: 56px;
    left: 50%;
    margin-left: -43px;
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 100% */
    letter-spacing: 0.32px;
    text-transform: uppercase;  
}
.percentBar tspan{
    color: var(--Dark-D100, #213030);
    text-align: center;
    font-feature-settings: 'dlig' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 100% */
    letter-spacing: 0.32px;
    text-transform: uppercase;    
}
.progressbar {
    width: 584px;
    --color: rgb(33, 48, 48);  
    --percent: 0; /* процент, насколько заполнен круг */
    --PI: 3.141592;
    --r: 31;
    --strokeWidth: .1px;
    --total: calc( var(--PI) * var(--r));
}
  
.progressbar circle {
    r: var(--r);
}
  
.progressbar text {
    fill: var(--color);
}
  
.progressbar__percent {
    font-size: 16px;
}
  
.progressbar__track {
      fill: transparent;
      stroke: #ededed;
      stroke-width: var(--strokeWidth);
}
  
.progressbar__thumb {
      fill: transparent;
    --strokeDasharray: calc(2 * var(--total) * var(--percent) / 100 ) calc(2 * var(--total));
     stroke-linecap: round;
      stroke-dasharray: var(--strokeDasharray);
      stroke: var(--color);
      stroke-width: var(--strokeWidth);
      transform-origin: center;
    transform-box: fill-box;
    transform: rotate(-90deg);
}
.app__mobile{
    display: none;
}
.desktop__modal{
    opacity: 0;
    position: fixed;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 100vh;
}
.desktop__modal.--show-modal{
    opacity: 1;
    z-index: 6;
}
.desktop__modal-content{
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}
.desktop__modal-left{
    width: 60%;
    height: 100%;
    background: rgba(21, 15, 14, 0.60);
}
.desktop__modal-right{
    position: relative;
    width: 40%;
    height: 100%;
    background: var(--Choco-C100, #453B38);
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;    
}
.desktop__modal-close{
    position: absolute;
    top: 24px;
    right: 32px;
    display: flex;
    width: 52px;
    height: 52px;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 32px;
    background: var(--Alpha-AL12, rgba(245, 247, 247, 0.12));    
}
.desktop__modal-form{
    display: flex;
    padding: 0px 40px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;    
}
.desktop__modal-form p:nth-child(1){
    align-self: stretch;
    color: var(--Choco-C10, #EBE8E3);
    font-feature-settings: 'dlig' on, 'ss03' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 104% */
    letter-spacing: 0.5px;
    text-transform: uppercase;    
}
.desktop__modal-form p:nth-child(2){
    align-self: stretch;
    color: var(--Choco-C10, #EBE8E3);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px; /* 152.857% */
    letter-spacing: 0.14px;    
}
.desktop__modal-inputs{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px;
    align-self: stretch;    
}
.desktop__modal-inputs-top{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}
.modalDesktopInput{
    display: flex;
    padding: 10px 0px;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    border-bottom: 1px solid var(--Alpha-AL12, rgba(245, 247, 247, 0.12));
    align-self: stretch;
    color: var(--Choco-C10, #EBE8E3);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.14px;
    opacity: 0.5;
}
.desktop__modal-inputs-bottom{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
}
.modalInputSubmit{
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    align-self: stretch;
    border-radius: 32px;
    background: var(--Choco-C50, #8D7457);    
    color: var(--Choco-C10, #EBE8E3);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    letter-spacing: 0.28px;    
    cursor: pointer;
}
.desktop__modal-inputs-bottom p{
    color: var(--Choco-C10, #EBE8E3);
    text-align: center;
    font-family: "RF Dewi", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    letter-spacing: 0.1px;
    align-self: stretch;
    opacity: .5;
}
.about__icon-info-wrapper{
    opacity: 0;
    position: absolute;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: -3px;    
}
.park__btn:hover ~ .park__info{
    opacity: 1;
    transition: .3s ease-in-out;
}
.park__info{
    top: 41.151515%;
    left: 14.830303%;
}
.parking__btn:hover ~ .parking__info{
    opacity: 1;
    transition: .3s ease-in-out;
}
.parking__info{
    bottom: 29.75757575757576%;
    left: 33.46969696969697%;
}
.shopping__btn:hover ~ .shopping__info{
    opacity: 1;
    transition: .3s ease-in-out;
}
.shopping__info{
    bottom: 34.65151515151515%;
    left: 43.31818181818182%;
}
.restoran__btn:hover ~ .restoran__info{
    opacity: 1;
    transition: .3s ease-in-out;
}
.restoran__info{
    bottom: 42.74242424242424%;
    right: 41.5%;
}
.about__icon-info-inner{
    display: flex;
    padding: 4px var(--Spacing-s, 8px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 32px;
    background: var(--Dark-D100, #213030);
}
.about__icon-info-inner p {
    color: var(--Gray-G10, #F5F7F7);
    font-family: "RF Dewi", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
    letter-spacing: 0.24px;    
}
.about__icon-info-wrapper > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-s, 8px);
    align-self: stretch;    
}
.mobile__form-callback, .mobile__apartments-opener, .mobile__apartments {
    display: none;
}
.header__mobile, .mobile__places, .mobile__arch, .mobile__lobby, .mobile__improvement,
.mobile__callback, .mobile__developer, .mobile__footer{
    display: none;
}
/**/
.form__answer-block{
    display: none;
    flex-direction: column;
    gap: 32px;
}
.d-none{
    display: none!important;
}
.form__answer-block.--show{
    display: flex;
}
.form__answer-block > p:nth-child(1){
    animation: stretch;
    color: var(--Choco-C10, #EBE8E3);
    font-feature-settings: 'dlig' on, 'ss03' on;
    font-family: "Aviano Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.form__answer-block > p:nth-child(2){
    align-self: stretch;
    color: var(--Choco-C10, #EBE8E3);
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px;
    letter-spacing: 0.14px;
}
.salesBlock label{
    font-weight: 900;
}
.sortToSmall svg{
    transform: rotate(180deg);
}
.timeLineMoreBtn{
    display: flex;
    margin: 0 auto;
    width: 280px;
    padding: 14px 20px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    border-radius: 24px;
    border: 1px solid var(--Alpha-AD16, rgba(33, 48, 48, 0.16));        
}
.timeLineMoreBtn > p{
    font-family: "RF Dewi", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.4px;
    letter-spacing: 0.14px;
    color: #213030;
}